<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/vue-2.6.12.js"></script>
</head>
<body>

<div id="app">

  <h2>
<!--

v-for 的括号里 可以填2个参数 前面的表示item  后面的是 下标
如果不需要下标 则括号可以不写 直接使用item in loves
-->
    <ul>
<!--      <li v-for="(item , index) in loves"> {{index+":"+item}} </li>-->
      <li v-for="item in loves">{{item}}</li>
    </ul>

  </h2>


</div>

<script>

  let app = new Vue({

    el:"#app",

    data:{

      loves:["唱","跳","rap","篮球"],

    },

    methods:{},


  })

</script>


</body>
</html>